<template>
  <div class="contact pane-w">
    <h1>联系我们</h1>
    <p class="address">地址：某地某街道</p>
    <p class="phone">电话：1234567890</p>
    <p class="email">邮箱：contact@smartcommunity.com</p>
    <p class="social">社交媒体：<a href="#">Facebook</a> | <a href="#">Twitter</a></p>
  </div>
</template>

<script>
export default {
  // 省略其他代码
};
</script>

<style>
.contact {
  text-align: center;
  padding: 20px;
  width: 80%;

}

h1 {
  color: #00BCD4;
    text-shadow: 0px -1px 5px red;
}

.address, .phone, .email, .social {
  margin: 10px 0;
  font-size: 16px;
}

.social a {
  text-decoration: none;
  color: #007bff;
}

/* 可以根据需要添加更多样式 */
</style>
